<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/reset.css" />
	<link rel="stylesheet" href="css/kzt.css" />
	<script type="text/javascript" src="js/jquery.js"></script>
	<script type="text/javascript" src="js/page.js"></script>
	<script type="text/javascript" src="js/linkjs.js"></script>
</head>
<body>
	<div class="header">
		<div id="append"></div>
		<script> 
            $("#append").load("header.html");
        </script>

		<div class="navBigbox">
			<div class="navsubBox">
				<ul class="indexMenu">
					<li class="home-btn">首页</li>
					<li class="cp-btn">产品</li>
					<li class="kf-btn">
						开发
						<!-- <ul class="subMenu">
			            	<li>开发前准备</li>
			                <li>开始开发</li>
			                <li>接口介绍</li>
			                
			            </ul> -->
					</li>
					<li class="kzt-btn">
						控制台 
						<!-- <ul class="subMenu">
			            	<li>企业信息</li>
			                <li>合同管理</li>
			                <li>充值记录查询</li>
			                
			            </ul> -->
                        <a class="checked-arrow"></a>
					</li>
					<li class="Qos-btn">
						帮助与支持
						<!-- <ul class="subMenu">
			            	<li>常见问题</li>
			                <li>文档下载</li>
			                <li>问题反馈</li>
			                
			            </ul> -->
					</li>
				</ul>
			</div>
		</div>
		<div class="clear"></div>
	</div>

	<div class="contentBox">
		<h3>
			首页产品 &gt;<a style="color:#50b9e7">&nbsp;控制台</a>
		</h3>
		<ul class="leftbar">
			<li class="qyxx">企业信息</li>
			<li class="htgl">合同管理 </li>
			<li class="checkedFontBlue czjlcx">充值记录查询 <a></a></li>
		</ul>
		<div class="rightbar">
			<h4>充值设备查询</h4>
			<div class="inputbox">
				<p>设备号码:</p>
				<input type="text" placeholder="请输入设备号码"/>
			</div>
			<h5>筛选条件 <em class="slideDownEm">更多</em><em class="slideUpEm">更多</em></h5>
			<div class="page1tab pageOnesear">
				<div class="tab1 tabone tabfrist">
					<h6>按流量包规格：</h6>
					<em>全部</em>
					<ul>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						<li>5元10M本地流量</li>
						
								<li class="hideli">5元10M本地流量</li>
								<li class="hideli">5元10M本地流量</li>
								<li class="hideli">5元10M本地流量</li>
								<li class="hideli">5元10M本地流量</li>
						
					</ul>
					<p class="Multiselect">多选</p>					
					<p class="morp-down">更多<a></a></p>
					<p class="morp-up">收起<a></a></p>
				</div>
				<div class="tab1 tabone tabsen">
					<h6>按流量包规格：</h6>
					<em>全部</em>
					<ul>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						<li><a></a>5元10M本地流量</li>
						
								<li class="hideli"><a></a>5元10M本地流量</li>
								<li class="hideli"><a></a>5元10M本地流量</li>
								<li class="hideli"><a></a>5元10M本地流量</li>
								<li class="hideli"><a></a>5元10M本地流量</li>
						
					</ul>					
					<p class="Multiselect-c">多选</p>
					<p class="morp-down">更多<a></a></p>
					<p class="morp-up">收起<a></a></p>
				</div>
				<div class="dottedline"></div>
				<div class="tab1 tabtwo">
					<h6>按时间：</h6>
					<em>全部</em>
					<ul>
						<li>近一个月</li>
						<li>近三个月</li>
						<li>近六个月</li>
						<li>近九个月</li>
						<li>近一年</li>					
					</ul>					
				</div>
				<div class="dottedline"></div>
				<div class="tab1 tab3" >
					<h6>按状态：</h6>
					<em>全部</em>
					<ul>
						<li>受理中</li>
						<li>受理成功</li>
						<li>受理失败</li>									
					</ul>					
				</div>
			</div>
			<div class="page2BtnBox" style="padding:0;">
				<div class="Btn-con">导出excel</div><div class="Btn-con">查询</div>
			</div>
			
			<table class="page1Table">
				<tr>
					<th>设备号</th>
					<th>提交时间</th>
					<th>流量包规格</th>
					<th>流量包信息</th>
					<th>订单状态</th>
					<th>失败原因</th>
					<th>最后更新时间</th>
				</tr>
				<tr>
					<td>12312312313</td>
					<td>
						<a>2015-02-02</a><br/>
						<a>10:10:55</a>
					</td>
					<td>5元10M</td>
					<td>2014后向本地流量<br/>0元包4G版100M/个<br/>（本地自营，立即生效）</td>
					<td>受理中</td>
					<td></td>
					<td>
						<a>2015-02-02</a><br/>
						<a>10:10:55</a>
					</td>
				</tr>
				<tr>
					<td>12312312313</td>
					<td>
						<a>2015-02-02</a><br/>
						<a>10:10:55</a>
					</td>
					<td>5元10M</td>
					<td>2014后向本地流量<br/>0元包4G版100M/个<br/>（本地自营，立即生效）</td>
					<td>受理中</td>
					<td></td>
					<td>
						<a>2015-02-02</a><br/>
						<a>10:10:55</a>
					</td>
				</tr>
			</table>
			<div style="width:890px;">
				<span style="float:right;">上一页</span>
				<a style="float:right;">&nbsp;&nbsp;&nbsp;&nbsp;</a>
				<span style="float:right;">下一页</span>
			</div>
			<!-- <div class="exportexl">导出excel</div> -->
		</div>
	</div>
	<div id="append-bot"></div>
	<script> 
        $("#append-bot").load("footer.html");
    </script>

</body>

</html>
